<template>
  <div class="inner-wrapper">
    <el-row>
      <el-col :span="24">
        <div class="grid-content">
          <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>存储池</el-breadcrumb-item>
            <el-breadcrumb-item>全部</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-table
        :data="tableData"
        border
        style="width: 100%">
        <el-table-column
          prop="date"
          label="INDEX">
        </el-table-column>
        <el-table-column
          prop="name"
          label="NAME">
        </el-table-column>
        <el-table-column
          prop="address"
          label="STATE">
        </el-table-column>

        <el-table-column
          prop=""
          label="CHUNK SIZE(KB)">
        </el-table-column>
        <el-table-column
          prop="address"
          label="RAID">
        </el-table-column>
        <el-table-column
          prop=""
          label="BAO BLOCKS">
        </el-table-column>
        <el-table-column
          prop="address"
          label="TOTAL RAW CAP(GB)">
        </el-table-column>
        <el-table-column
          prop="address"
          label="MAX VD SIZE(GB)">
        </el-table-column>
        <el-table-column
          prop="address"
          label="PDs/VDs">
        </el-table-column>
        <el-table-column
          prop="address"
          label="DIRECT PROTECT">
        </el-table-column>
        <el-table-column
          prop="address"
          label="WRITE BACK CACHE">
        </el-table-column>
        <el-table-column
          prop="address"
          label="MIRRORED">
        </el-table-column>
        <el-table-column
          prop="address"
          label="READ AHEAD CACHE">
        </el-table-column>
        <el-table-column
          prop="address"
          label="ReACT">
        </el-table-column>
        <el-table-column
          prop="address"
          label="I/O ROUTING">
        </el-table-column>
        <el-table-column
          prop="address"
          label="POOL VERIFY">
        </el-table-column>
        <el-table-column
          prop="address"
          label="JOBS">
        </el-table-column>
        <el-table-column
          prop="address"
          label="DISK T/O">
        </el-table-column>
        <el-table-column
          prop="address"
          label="GLOBAL SPARE POOL">
        </el-table-column>
        <el-table-column
          prop="address"
          label="SPARE POLICY">
        </el-table-column>
        <el-table-column
          prop="address"
          label="BLOCK SIZE">
        </el-table-column>

      </el-table>
      <el-form>
        <el-form-item>
          <el-button-group>
            <el-button size="small">MOCE STORAGE POOLS</el-button>
            <el-button size="small">CANCEL</el-button>
          </el-button-group>
        </el-form-item>
      </el-form>
    </el-row>
  </div>
</template>

<script>

  export default {
    data () {
      return {
        msg: 'Welcome to Your Vue.js App',
        radio: '1'
      }
    }
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss" rel="stylesheet/scss">

</style>
